<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>角色管理</title>
</head>
<body>
<div class="box">
    <div class="box-body">
        <table id="mainDataTables" class="table table-bordered table-striped" cellspacing="0" width="100%">
            <thead>
            <tr>
                <th>序号</th>
                <th>角色</th>
                <th>描述</th>
                <th>操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>
<!-- 角色信息对话框 -->
<div id="modal-actor" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="label-actor"
     aria-hidden="true">
    <div class="modal-dialog" style="width: 400px;">
        <div class="modal-content">
            <form id="form-actor" name="form-actor" class="form-horizontal" role="form" method="post">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"
                            onclick="$.clearModal($('#form-actor'), $('#modal-actor'))">
                        <span aria-hidden="true">&times;</span></button>
                    <b class="modal-title" id="label-actor"></b>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <label for="actorName" class="col-sm-3 control-label">角色名称</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="actorName" name="actorName"
                                   placeholder="角色">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="actorRemarks" class="col-sm-3 control-label">描述</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control" id="actorRemarks" name="actorRemarks"
                                   placeholder="描述">
                        </div>
                    </div>
                    <input type="hidden" id="actorId" name="actorId"/>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-warning pull-left btn-flat" data-dismiss="modal"
                            onclick="$.clearModal($('#form-actor'), $('#modal-actor'))"><i class="fa fa-trash-o"></i> 取消
                    </button>
                    <button type="submit" class="btn btn-primary btn-flat"><i class="fa fa-save"></i> 保存
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
<script src="system/actor.js"></script>
</html>